// keydown event name ->window
window.addEventListener('keydown',function(event){
    // 键值
    let keyCode = event.keyCode;
    let audioEle=
        document.querySelector(
            `
            audio[data-key="${keyCode}"]
            `
            );//按键事件的数据
        // console.log(audioEle);
        if(!audioEle) {
            return;
        }else{
            audioEle.play();
        }
        let keyEle=
            document.querySelector(`.key[data-key="${keyCode}"]`);
            
        if(!keyEle){
            return;
        }else{
            keyEle.classList.add('playing');
        }
        // 定时器
        /* setTimeout(function(){
             // console.log('----');
             keyEle.classList.remove('playing');
         },1000)*/
    // console.log(keycode);
});

const keys=document.querySelectorAll('.key');
for(let key of keys){
    // console.log(key);
    // event 只能一个个加，不能给集体加
    key.addEventListener('transitionend',function(event){
        // 不同类型的事件，event对象也是不同的，
        // console.log(event,'-----');
        event.target.classList.remove('playing');
    })
}